<!-- 基础信息-金融机构 -->
<template>
  <div class="baseInfo-content">
    <a-card :bordered="false">
      <template v-for="(item,i) in infoData">
        <a-divider orientation="left" :key="'divider' + i">{{ item.name }}</a-divider>
        <a-descriptions :column="column" title="" :key="'descriptions' + i" >
          <a-descriptions-item v-for="(info,j) in item.data" :key="i + '-' + j" :label="info.label" :span="info.span">
            <template v-if="info.type === 'img'">
              <img v-for="(img,k) in info.value" :key="i+'-'+j+'-'+k" :src="img" style="margin-right: 10px;">
            </template>
            <template v-else>
              {{ info.value }}
            </template>
          </a-descriptions-item>
        </a-descriptions>
      </template>
    </a-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      column: 2,
      infoData: [
        {
            name: '基础信息',
            data: [
                { 'label': '统一社会信用编码', 'value': '911407291130629881', 'type': 'text', 'span': 2 },
                { 'label': '公司名称', 'value': '公司名称', 'span': 1 },
                { 'label': '所在地', 'value': '太原', 'span': 1 },
                { 'label': '营业期限', 'value': '2009-04-10至 无限期', 'type': 'text', 'span': 1 },
                { 'label': '注册资本', 'value': '4000万元', 'type': 'text', 'span': 1 },
                { 'label': '公司性质', 'value': '国有企业', 'type': 'text', 'span': 1 },
                { 'label': '机构类型', 'value': '融资企业', 'type': 'text', 'span': 1 },
                { 'label': '所在集团', 'value': 'xxx集团', 'type': 'text', 'span': 2 },
                { 'label': '营业执照/统一社会信用代码证书', 'value': [require('./img/test.svg')], 'type': 'img', 'span': 2 }
            ]
        },
        {
            name: '法定代表人信息',
            data: [
                { 'label': '法定代表人身份证', 'value': [require('./img/test.svg'), require('./img/test.svg')], 'type': 'img', 'span': 2 },
                { 'label': '定代表人姓名', 'value': '张三', 'type': 'text', 'span': 2 },
                { 'label': '法人身份证号码', 'value': '19282383828282828', 'type': 'text', 'span': 2 },
                { 'label': '是否法定代表人本人申请', 'value': '是，是我本人', 'type': 'text', 'span': 2 }
            ]
        },
        {
            name: '代理人信息',
            data: [
                { 'label': '姓名', 'value': '颤三', 'type': 'text', 'span': 1 },
                { 'label': '联系电话', 'value': '192828292929', 'type': 'text', 'span': 1 },
                { 'label': '代理人身份证件', 'value': [require('./img/test.svg'), require('./img/test.svg')], 'type': 'img', 'span': 2 },
                { 'label': '授权委托书', 'value': '文件名称', 'type': 'text', 'span': 2 }
            ]
        }
      ]
    }
  },
  computed: {
    title () {
      return this.$route.meta.title
    }
  }

}
</script>

<style lang="less" scoped>
  .baseInfo-content{
    background: #fff;
    padding-bottom:30px;
  }
  .title {
    color: rgba(0,0,0,.85);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .center{
    text-align: center;
  }
</style>
<style lang="less">
  .baseInfo-content {
    .ant-descriptions{
      width: 80%;
      margin:0 auto;
    }
    .ant-descriptions-row > td {
      padding-bottom: 40px;
    }
  }
</style>
